import React, { useState } from 'react';
import SideMenu from "../../components/SideMenu"
import TopHeader from "../../components/TopHeader"
import { Layout } from "antd";
import NewsRouter from '../../routers/NewsRouter';
const { Content } = Layout;

function NewsSandBox() {
    const [collapsed, setCollapsed] = useState(false);
    return (
        <Layout>
            <SideMenu collapsed={collapsed} />
            <Layout>
                <TopHeader collapsed={collapsed} setCollapsed={setCollapsed} />

                <Content
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        background: 'white',
                        borderRadius: '2px',
                        overflowY: 'scroll',
                    }}
                >
                    <NewsRouter />
                </Content>

            </Layout>
        </Layout>
    );
}

export default NewsSandBox;